<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<div class="modal-dialog ms-modal-dialog" style="width: 800px; margin-top: 100px;">
  <div class="modal-content">
     
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
      <h4 class="modal-title">查询驳运车信息</h4>
    </div>

    <form class="form-horizontal ms-form" method="GET" action="${ctx.host}/vehicles" data-validate="true">

      <input type="hidden" name="filter" value="true" >

      <div class="modal-body">
      
        <div class="form-group ms-form-group">
          <label class="col-xs-2 control-label">选择公司</label>
          <div class="col-xs-8">
            <c:choose>
             
               <c:when test="${not empty currentPrincipal.transOrgId}">
                 <p class="form-control-static">${persist.organization(currentPrincipal.transOrgId).name}</p>
                 <input type="hidden" name="organizationIds" value="${currentPrincipal.transOrgId}"/>
               </c:when>
               
               <c:otherwise>
                 <select class="select2 form-control" name="organizationIds" multiple tabindex="1" data-validate="required"> 
                   <option></option>
                   <c:forEach items="${orgIds}" var="orgId">
                     <option value="${orgId}" selected>${persist.organization(orgId).name}</option>
                   </c:forEach>
                 </select>
               </c:otherwise>
             
             </c:choose>
          </div>
        </div>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-2 control-label">驳运车代码</label>
          <div class="col-xs-3">
            <input type="text" class="form-control" name="code" placeholder="支持模糊查询" tabindex="2" autocomplete="off"/>
          </div>
          
          <label class="col-xs-2 control-label">驳运车牌照</label>
          <div class="col-xs-3">
            <input type="text" class="form-control" name="barCode" placeholder="支持模糊查询" tabindex="3" autocomplete="off"/>
          </div>
        </div>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-2 control-label">动力类型名称</label>
          <div class="col-xs-3">
            <select class="select2 form-control" name="vehicleFeatureId" tabindex="4">
              <option></option>
              <c:forEach items="${selection.vehicleFeatures}" var="vehicleFeature">
                <option value="${vehicleFeature.id}">${vehicleFeature.name}</option>
              </c:forEach>
            </select>
          </div>
          
          <label class="col-xs-2 control-label">车队名称</label>
          <div class="col-xs-3">
            <select class="select2 form-control" name="teamId" tabindex="5">
              <option></option>
              <c:forEach items="${selection.teams}" var="team">
                <option value="${team.id}">${team.name}</option>
              </c:forEach>
            </select>
          </div>
        </div>
        
        <div class="form-group ms-form-group">
          <label class="col-xs-2 control-label">累计行驶公里数</label>
          <div class="col-xs-8">
            <div class="input-group">
	            <input type="text" class="form-control" name="beginDistance" tabindex="6" autocomplete="off" placeholder="最小公里数" data-validate="number"/>
              <div class="input-group-addon" style="font-size: 10px; padding: 5px">至</div>
              <input type="text" class="form-control" name="endDistance" tabindex="2" autocomplete="off" placeholder="最大公里数"  data-validate="number"/>            
            </div>
          </div>
        </div>
        
      </div>

      <div class="modal-footer ms-modal-footer">
        <button type="submit" class="btn ms-btn btn-primary">查询</button>
        <button type="button" class="btn ms-btn ms-btn-gary" data-dismiss="modal">取消</button>
      </div>

    </form>

  </div>
</div>

<script>
  $(document).ready(function() {

    $('select[name="organizationIds"]').select2({
      theme: "classic",
      placeholder : '请选择',
      minimumResultsForSearch : -1,
      allowClear : true
    });
    
    $('select[name="vehicleFeatureId"]').select2({
      theme: "classic",
      placeholder : '请选择',
      minimumResultsForSearch : 5,
      allowClear : true
    });
    
    $('select[name="teamId"]').select2({
        theme: "classic",
        placeholder : '请选择',
        minimumResultsForSearch : 5,
        allowClear : true
    });
    
  });
</script>